document.addEventListener('DOMContentLoaded', function() {
    console.log("DOM加载完成，开始初始化...");
    
    // 获取所有菜单项
    const menuItems = document.querySelectorAll('.menu-item');
    console.log(`找到 ${menuItems.length} 个菜单项`);
    
    // 为每个菜单项添加点击事件
    menuItems.forEach((item, index) => {
        const menuText = item.querySelector('.menu-text').textContent.trim();
        console.log(`设置菜单项 ${index + 1}: ${menuText}`);
        
        item.onclick = function(e) {
            e.preventDefault();
            console.log(`点击了菜单: ${menuText}`);
            
            // 根据菜单文本跳转到对应页面
            switch(menuText) {
                case '仪表板':
                    console.log('跳转到仪表板页面');
                    window.location.href = 'dashboard.html';
                    break;
                case '预约管理':
                    // 暂时跳转到仪表板，后续可以添加预约管理页面
                    console.log('跳转到预约管理页面（暂用仪表板）');
                    window.location.href = 'dashboard.html';
                    break;
                case '医生管理':
                    // 暂时跳转到仪表板，后续可以添加医生管理页面
                    console.log('跳转到医生管理页面（暂用仪表板）');
                    window.location.href = 'dashboard.html';
                    break;
                case '患者管理':
                    // 判断当前页面是否为患者详情页，如果是则跳转到添加患者页面，否则跳转到患者详情页
                    if (window.location.pathname.includes('patient-add.html')) {
                        console.log('从添加患者页面跳转到患者详情页面');
                        window.location.href = 'integrated-dashboard.html';
                    } else {
                        console.log('跳转到添加患者页面');
                        window.location.href = 'patient-add.html';
                    }
                    break;
                case '系统设置':
                    // 暂时跳转到仪表板，后续可以添加系统设置页面
                    console.log('跳转到系统设置页面（暂用仪表板）');
                    window.location.href = 'dashboard.html';
                    break;
                case '支付管理':
                    console.log('跳转到支付管理页面');
                    window.location.href = 'payment.html';
                    break;
                case '团队管理':
                    // 暂时跳转到仪表板，后续可以添加团队管理页面
                    console.log('跳转到团队管理页面（暂用仪表板）');
                    window.location.href = 'dashboard.html';
                    break;
                case '退出登录':
                    // 简单的退出登录逻辑，这里只是返回到首页
                    console.log('退出登录，返回首页');
                    window.location.href = 'index.html';
                    break;
                default:
                    console.log(`未知菜单项: ${menuText}`);
            }
        };
    });

    // 侧边栏折叠功能
    const collapseButton = document.querySelector('.collapse-button');
    const sidebar = document.querySelector('.sidebar');
    const menuTexts = document.querySelectorAll('.menu-text');
    const profileInfo = document.querySelector('.profile-info');
    
    if (collapseButton) {
        collapseButton.addEventListener('click', function(e) {
            e.stopPropagation(); // 防止触发菜单点击事件
            sidebar.classList.toggle('collapsed');
            
            if (sidebar.classList.contains('collapsed')) {
                sidebar.style.width = '80px';
                menuTexts.forEach(text => text.style.display = 'none');
                profileInfo.style.display = 'none';
                collapseButton.querySelector('img').style.transform = 'rotate(180deg)';
            } else {
                sidebar.style.width = '194px';
                menuTexts.forEach(text => text.style.display = 'block');
                profileInfo.style.display = 'block';
                collapseButton.querySelector('img').style.transform = 'rotate(0deg)';
            }
        });
    }

    // 处理患者管理页面中的按钮点击事件
    const patientListBtn = document.querySelector('.patient-list-btn');
    const addPatientBtn = document.querySelector('.add-patient');

    if (patientListBtn) {
        patientListBtn.onclick = function(e) {
            e.preventDefault();
            console.log('点击了患者列表按钮');
            window.location.href = 'integrated-dashboard.html';
        };
    }

    if (addPatientBtn) {
        addPatientBtn.onclick = function(e) {
            e.preventDefault();
            console.log('点击了添加患者按钮');
            window.location.href = 'patient-add.html';
        };
    }

    // 处理文件上传显示文件名
    const uploadImage = document.getElementById('uploadImage');
    if (uploadImage) {
        uploadImage.addEventListener('change', function() {
            const fileName = this.files[0] ? this.files[0].name : '';
            const fileNameSpan = document.querySelector('.file-name');
            if (fileNameSpan) {
                fileNameSpan.textContent = fileName;
            }
        });
    }
    
    // 编辑按钮功能
    const editButtons = document.querySelectorAll('.action-btn.edit');
    editButtons.forEach(button => {
        button.addEventListener('click', function(e) {
            e.stopPropagation(); // 防止冒泡到菜单项点击事件
            // 获取父行以识别要编辑的记录
            const row = this.closest('.table-row');
            const cells = row.querySelectorAll('.cell');
            
            // 提取行数据
            if (cells.length >= 4) {
                const date = cells[0].textContent;
                const doctor = cells[1].textContent;
                const treatment = cells[2].textContent;
                const charges = cells[3].textContent;
                
                alert(`编辑记录: ${date}, ${doctor}, ${treatment}, ${charges}`);
                // 在实际应用中，这里会打开一个编辑表单，预填数据
            }
        });
    });
    
    // 删除按钮功能
    const deleteButtons = document.querySelectorAll('.action-btn.delete');
    deleteButtons.forEach(button => {
        button.addEventListener('click', function(e) {
            e.stopPropagation(); // 防止冒泡到菜单项点击事件
            // 获取父行以识别要删除的记录
            const row = this.closest('.table-row');
            const cells = row.querySelectorAll('.cell');
            
            // 提取确认数据
            if (cells.length >= 3) {
                const date = cells[0].textContent;
                const treatment = cells[2].textContent;
                
                if (confirm(`您确定要删除${date}的${treatment}记录吗？`)) {
                    // 在实际应用中，这里会向服务器发送删除请求
                    row.remove(); // 演示用，只从DOM中移除行
                }
            }
        });
    });
    
    // 响应式布局处理
    function handleResponsiveLayout() {
        if (window.innerWidth <= 992) {
            // 在小屏幕上自动折叠侧边栏
            if (!sidebar.classList.contains('collapsed') && sidebar.style.width !== '80px') {
                sidebar.classList.add('collapsed');
                menuTexts.forEach(text => text.style.display = 'none');
                if (profileInfo) profileInfo.style.display = 'none';
                sidebar.style.width = '80px';
                if (collapseButton && collapseButton.querySelector('img')) {
                    collapseButton.querySelector('img').style.transform = 'rotate(180deg)';
                }
            }
        } else {
            // 在大屏幕上展开侧边栏
            if (sidebar.classList.contains('collapsed')) {
                sidebar.classList.remove('collapsed');
                menuTexts.forEach(text => text.style.display = 'block');
                if (profileInfo) profileInfo.style.display = 'block';
                sidebar.style.width = '194px';
                if (collapseButton && collapseButton.querySelector('img')) {
                    collapseButton.querySelector('img').style.transform = 'rotate(0deg)';
                }
            }
        }
    }
    
    // 初始调用以设置正确的布局
    handleResponsiveLayout();
    
    // 监听窗口大小调整事件
    window.addEventListener('resize', handleResponsiveLayout);

    // 添加直接的菜单链接功能
    document.querySelectorAll('.menu-item').forEach(menuItem => {
        menuItem.style.cursor = 'pointer'; // 确保鼠标样式显示为可点击
    });

    console.log("初始化完成");
}); 